<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>秀色运动网-XSports.wang</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/semantic.css">
<style>
.clublist .content .header {
	font-size: 0.8em;
}

.clublist .content .description {
	font-size: 0.7em;
}
</style>
</head>
<body>
	<div class="ui fluid two item menu">
		<a class=" item"> <i class="trophy icon"></i> 俱乐部
		</a> <a class=" item"> <i class="heartbeat icon"></i> 秀色榜
		</a>
	</div>
	<div class="ui grid">
		<div class="row">
			<div class="column">
				<div class="ui divided big list clublist middle aligned">
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.cn/images/demo/avatar2.jpg">
						<div class="content ">
							<div class=" header ">周末骑行群</div>
							<div class=" description">每周都去骑一次，快乐从骑行开始。</div>
						</div>
					</div>
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.cn/images/demo/avatar2.jpg"
							pagespeed_url_hash="437283272">
						<div class="content">
							<div class="header">胸肌小分队</div>
							<div class="description">健身房，走起！小伙，姑娘，加进来。</div>
						</div>
					</div>
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.cn/images/demo/avatar3.jpg"
							pagespeed_url_hash="731783193">
						<div class="content">
							<div class="header">一二三四五六七八九十一二三四五</div>
							<div class="description">一二三四五六七八九十一二三四五六七八九十</div>
						</div>
					</div>
					<div class="item">
						<img class="ui avatar image"
							src="http://www.semantic-ui.cn/images/demo/avatar.jpg"
							pagespeed_url_hash="749454340">
						<div class="content">
							<div class="header">乒乓球爱好者</div>
							<div class="description">为国球而自豪，从我做起，欢迎加入。</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
